<template>
  <div class="page-container">
    <page-header
      :pageHeaderImage="pageHeaderImage"
      zhTitle="案例展示"
      enTitle="Case Display"
    ></page-header>
    <div style="background-color:white">
      <div
        class="app-container"
        style="padding:40px 18px;font-size:24px;color:#50565B;line-height:34px;"
      >
        达坦能源集团（Tartan Energy
        Group）创始于加拿大，拥有20多年油田钻完井技术研发、高端装备制造及油气田开发评价技术服务经验。
        集团专注于非常规油气资源的开发，为全球客户提供先进的井下装备、一体化解决方案和高端技术服务。
        凭借企业核心价值观，奋勇创新、完美表现和全面的服务，达坦将致力于成为全球非常规能源领域最重要的，最具有创新和真诚服务的公司。
      </div>
    </div>
    <div
      class="tartan-container"
      v-for="caseItem in caseList"
      :key="caseItem.title"
    >
      <!-- overflow hidden 防止上下两个div margin合并 -->
      <div class="tartan-item app-container">
        <h2 class="title">
          {{ caseItem.title }}
        </h2>
        <p class="describe">{{ caseItem.content }}</p>
        <!-- TODO: 适配移动端 -->
        <div class="case-bottom" style="position:relative;min-height:100px">
          <div class="case-img">
            <img
              :src="caseItem.img"
              style="height:204px;margin-left:130px;margin-top:20px"
              alt=""
            />
          </div>
          <router-link :to="caseItem.file" target="_blank">
            <tartan-btn
              style="width:180px;position:absolute;bottom:0;right:80px"
            >
              阅读案例研究
            </tartan-btn>
          </router-link>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import TartanBtn from "../../components/TartanBtn.vue";
import PageHeader from "../../components/PageHeader.vue";
import pageHeaderImage from "../../../public/img/bg_alzs.png";
import zdlg_img from "../../../public/img/case/zdlg.png";
import dzdxgj_img from "../../../public/img/case/dzdxgj.png";
import slzdq_img from "../../../public/img/case/slzdq.png";

export default {
  name: "case",
  components: { TartanBtn, PageHeader },
  data() {
    return {
      pageHeaderImage,
      caseList: [
        {
          title: "达坦172mm振荡螺杆",
          img: zdlg_img,
          content:
            "振荡螺杆具有以下特点：压降小，工具利用动力端多余能量作为动力，无需其他动力源，节约水力能。 在近钻头部位振动（振荡源据钻头小于10米），即使托压严重，底部钻具也有少量动力工作，具备提速和缓解托压能力，同时振荡力大小可调。 特殊结构设计的冲击方式为静冲击，不对定向仪器造成损伤。钻具组合简单，复合稳斜性能高，定向造斜能力强。 井底钻具组合可充分简化，降低井下风险卡钻风险。在托压严重的井段、“上翘井”，或超长水平段井，可与水力振荡器搭配使用，有利于更好提速及缓解超长水平段托压问题。",
          file: "/dist/public/img/case/zdlg.pdf",
        },
        {
          title: "达坦全金属水力振荡器",
          img: slzdq_img,
          content:
            "水力振荡器是一种用来解决井底托压，改善钻压传递的井下工具。尤其适合在水平井，大位移井中使用。它可以与MWD、井下动力钻具以及任何钻头同时使用。 达坦水力振荡器包含动力部件在内都为全金属材质，工具主体部件中不含橡胶成分，广泛适用于各种钻井条件，在常规工具不适应工作的高温井、油基泥浆、盐水地层等条件下也能完全正常使用。",
          file: "/dist/public/img/case/slzdq.pdf",
        },
        {
          title: "达坦近钻头地质导向工具",
          img: dzdxgj_img,
          content:
            "通过抗高温、高冲击的传感器、陀螺仪等物联网终端提供随钻测井井斜、方位伽马等各项参数，测量点距离钻头仅0.3米。通过无线短传方式将信号传输至地下转码器。 在井口通过互联网无线传输至仪器接收处理设备。主要用于难度系数较大的水平井、定向井、大位移井中，是一套集近钻头随钻测量和随钻录井为一体的装备。 随钻测量业务可以形象化称为地下的“Google map”，通过数据成像的方式直观反馈钻头在油气层中的位置，测量盲区短，实现实时的地质导向。",
          file: "/dist/public/img/case/dzdxgj.pdf",
        },
      ],
    };
  },
  methods: {},
};
</script>

<style></style>
